<template>
  <div>
    <!-- 插槽：

        默认插槽
            定义 (xxx.vue)
               <div>
                   ...
                  <slot></slot>
               </div>
            使用
               <xxx>内容</xxx>

        具名插槽
            定义 (xxx.vue)
               <div>
                   ...
                  <slot name='abc'></slot>
               </div>
            使用
               <xxx>
                 <template #abc>
                    内容
                 </template>
               </xxx>

        作用域插槽（子组件传参给插槽用）
            定义 (xxx.vue)
               <div>
                   ...
                  <slot name='abc'  num='999'></slot>
               </div>
            使用
               <xxx>
                 <template #abc="{num}">
                    内容
                 </template>
               </xxx>

          定义 (xxx.vue)
               <div>
                   ...
                  <slot   num='999'></slot>
               </div>
            使用
               <xxx>
                 <template #default="{num}">
                 <template v-slot="{num}">
                    内容
                 </template>
               </xxx>
-->
  </div>
</template>
<script>
export default {}
</script>
<style></style>
>
